<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/component/commonTagLib.jsp"%>

<!DOCTYPE html>
<html>
<head>
    <title><spring:message code="message.lable.drugqualityspecSeeStd"/></title>
    <%@ include file="/WEB-INF/component/commonCSS.jsp"%>
    <!--[if lt IE 9]>
        <script src="${ctx}/lib/js/html5shiv.min.js"></script>
        <script src="${ctx}/lib/js/respond.min.js"></script>
    <![endif]-->
</head>
<body class="skin-blue-light sidebar-mini fixed skin-blue-light-frame">
                            
    <section class="content-header">
        <h1>采购总体情况</h1>
        <ol class="breadcrumb">
            <li><a href="${ctx}/home.jsp"><i class="fa fa-home"></i><spring:message code="message.lable.first"/></a></li>
                <li><a href="#">统计查询</a></li>
                <li><a href="#">采购总体情况</a></li>
        </ol>
    </section>
        
    <section class="content">
    	<div class="box box-success">
    		<div class="box-header with-border">
    			<h3 class="box-title">前七个月采购汇总</h3>
                <div class="box-tools pull-right">
                    <button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
                </div><!-- /.box-tools -->
            </div>
            <div class="box-body mchart">
                <div id="mChart" style="height: 500px; width:98%; padding: 8px;"></div>
            </div>
        </div>
    </section>
      <%@ include file="/WEB-INF/component/commonJS.jsp"%>
    <script type="text/javascript">
        $(function () {
        	
            var option = {
                        	tooltip: {
                            	trigger: 'axis',
								axisPointer : {            // 坐标轴指示器，坐标轴触发有效
									type : 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
								}
                            },
                                calculable: true,
                                legend: {
                                    data: ['基药采购金额', '基药配送金额', '基药入库金额','非基药采购金额', '非基药配送金额', '非基药入库金额'],
									y: 'bottom'
                                },
                                xAxis: [
                                    {
                                        type: 'category',
                                        data: ['2015年05月','2015年06月','2015年07月','2015年08月','2015年09月','2015年10月','2015年11月']
                                    }
                                ],
                                yAxis: [
                                    {
                                    	type: 'value',
                                        name: '金额(元)',
                                        axisLabel: {
                                            formatter: '{value}'
                                        }
                                    }
                                ],
                                series: [

                                    {
                                        name: '基药采购金额',
                                        type: 'bar',
										stack: '总金额',
                                        data: [456000,466000,476000,510000,450000,480000,490000]
                                    },
                                    {
                                        name: '基药配送金额',
                                        type: 'bar',
										stack: '配送',
                                        data: [454000,465000,473000,505000,420000,465000,435000]
                                    },
                                    {
                                        name: '基药入库金额',
                                        type: 'bar',
										stack: '入库',
                                        data: [350000,350000,330000,400000,300000,400000,410000]
                                    },
									{
                                        name: '非基药采购金额',
                                        type: 'bar',
										stack: '总金额',
                                        data: [230000,210000,189000,220000,230000,256415,261542]
                                    },
                                    {
                                        name: '非基药配送金额',
                                        type: 'bar',
										stack: '配送',
                                        data: [211000,201500,132000,206000,206000,205415,201442]
                                    },
                                    {
                                        name: '非基药入库金额',
                                        type: 'bar',
										stack: '入库',
                                        data: [201000,191000,112000,190000,186000,185150,194420]
                                    }
                                ]
                        };
                    	var myChart = echarts.init(document.getElementById('mChart'));
                        myChart.setOption(option);
        });
        
    </script>
</body>
</html> 
                          
                  
                  